<template>
    <view class="container">

        <rich-text :nodes="content"></rich-text>


  

    </view>

</template>

<script>

const content = `
      <section>
            <section class="KolEditor" draggable="false">
                <section class="">
                    <img style="width: 100%; max-width: 100%; display: block;" src="https://editor-user.365editor.com/106/2/5319902/1695836247111117.jpeg" alt="" draggable="false" data-tools-id="48536" />
                </section>
            </section>
            <section style="min-height: 30px;"></section>
            <section class="KolEditor" draggable="false" data-tools-id="32639">
                <section style="display: flex; flex-direction: column; align-items: center;">
                    <section style="width: 84px;margin-bottom: -8px;z-index: 1;" class="">
                        <img style="width: 100%; max-width: 100%; display: block;" src="https://editor-user.365editor.com/106/2/5319902/1695835652664521.png" alt="" draggable="false" data-tools-id="33901" />
                    </section>
                    <section style="background-color: #4a525e; border-radius: 10px; padding: 8px 16px;">
                        <p style="color: #fff; font-size: 16px; line-height: 16px; font-family: &#39;思源黑体&#39;; letter-spacing: 1px; margin: 0;">
                            要品就品精品蟹
                        </p>
                    </section>
                </section>
            </section>
        </section>`

export default {
    data () {
        return {
            keyword: '',
            content:content
        }
    },
    computed: {

    },
    onShow () {

    },
    onLoad (option) {
        // 监听页面加载的生命周期函数
        uni.setStorageSync('isHasSHowedGuide', 200)
    },
    methods: {


    }
}
</script>

<style scoped lang="scss">
</style>
